---
title: Branding
---

import { LinkButton } from '@astrojs/starlight/components';

These assets are licensed under the [CC-BY-SA-4.0](https://github.com/LinwoodDev/Butterfly/blob/develop/BRANDING_LICENSE).

## Logo

![Logo](/img/logo.svg)

<div class="sl-flex stack">
<LinkButton href="/img/logo.svg">SVG</LinkButton>
<LinkButton href="/img/logo.png">PNG</LinkButton>
</div>

## Nightly Logo

![Logo](/img/nightly.svg)

<div class="sl-flex stack">
<LinkButton href="/img/nightly.svg">SVG</LinkButton>
<LinkButton href="/img/nightly.png">PNG</LinkButton>
</div>

## Banner

![Banner](/img/banner.svg)

<div class="sl-flex stack">
<LinkButton href="/img/banner.svg">SVG</LinkButton>
<LinkButton href="/img/banner.png">PNG</LinkButton>
</div>

## Documentation

![Documentation](/img/docs.svg)

<div class="sl-flex stack">
<LinkButton href="/img/docs.svg">SVG</LinkButton>
<LinkButton href="/img/docs.png">PNG</LinkButton>
</div>

## Colors

* Primary: `#c4840d`
* Accent: `#7b8f96`  

## Fonts

* Website: `Barlow`
* App: `Comfortaa`

## Screenshots

> Used in the firefox responsive design mode

* Phone: Galaxy S20 Ultra
* 7-inch tablet: Nexus 7
* 10-inch tablet: Nexus 10
